.box-list {

	&:after {
		content: "";
		display: block;
		clear: both;

	}

	.item {
		width: 50%;
		padding: 20rpx;
		box-sizing: border-box;
		float: left;
		
		.img{
			display: flex;
			justify-content: center;
			overflow:hidden;
			// border-radius: 10rpx;
			// height: 350rpx;
			height: 340rpx;
			image {
				flex:none;
				
				width: 100%;
				border-radius: 10rpx;
				// border-top-left-radius: 20rpx;
				// border-top-right-radius: 20rpx;
			}	
		}


		.name {
			-webkit-line-clamp: 2;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			text-overflow: ellipsis;
			overflow: hidden;
			font-weight: bold;
			font-size: 28rpx;
			min-height: 82rpx; // 保持两行高度
			line-height: 1.5;
		}

		.sale-number {

			color: #777;
			font-size: 26rpx;
			margin-top: 10rpx;
		}

		.old-price {
			margin-right: 20rpx;
		}

		.price-buy {

			display: flex;
			font-size: 28rpx;
			line-height: 1.5;
			margin-top: 10rpx;

			.price {

				flex: 1;
				width: 50%;

				.text {
					//display: inline-block;
					font-weight: bold;
					color: #f00;
				}
			}

			.buy {

				flex: 1;
				width: 50%;

				text-align: right;



				.text {
					display: inline-block;
					background-color: #f00;
					border-radius: 40rpx;
					padding: 0 20rpx;
					color: #fff;

				}

			}
		}

	}
}

.box-single{
	
	.head{
		
		.image{
			image{
				width:100%;
			}
		
		}
		
		.title{
			
			line-height: 2;
			text-align:center;
			font-weight:bold;
			
		}
	}
	.description{
		padding:20rpx;
		.title{
			
			line-height:2;
			border-bottom:solid 1px #cdcdcd;
			
		}
		.content{
			margin-top:10rpx;
			
			
			
		}
	}
	
	.box-select{
		padding:20rpx;
		.title{
			line-height:2;
			border-bottom:solid 1px #cdcdcd;
			
		}
		
		.box-grid{
			display: flex;
			flex-wrap: wrap;
			margin-bottom:150rpx;
			padding-top:20rpx;
			.item{
				padding: 24rpx;
				width:33%;
				flex: none;
				image{
					width:100%;
				}
				&.active{
					
					background-color:#aaa;
				}
			}	
		}

	}
	
}


.bottom-panel {

	position: fixed;
	bottom: 0;
	width: 100%;
	height: 120rpx;
	padding: 0 20rpx;


	background-color: #fff;
	box-shadow: 0 -3rpx 10rpx #ddd;

	display: flex;
	align-items: center;
	justify-content: space-between;

	.button-group {
		width: 100%;
		height: 80rpx;
		line-height: 80rpx;

		vertical-align: middle;
		text-align: center;
		color: #fff;
		font-size: 28rpx;
		font-weight: bold;
		border-radius: 40rpx;
		overflow: hidden;

		.buy {
		
			display: inline-block;
			width: 100%;
			height: 100%;
			background-color: rgb(255, 68, 68);
		}

		
	}


}